
/* 轮播 */
.swiper{width: 100%; height: 680px; position: relative;}
.swiper-slide img{width: 100%;height: 100%;object-fit: cover;
}

/* 云服务 */
.service{
padding-top: 20px;
display: flex;
justify-content: space-around;
}

.service li{
    width: 240px;
    height: 280px;
    box-shadow: 5px 5px 5px 5px #a7cbf9;
    border: 1px solid #a7cbf9;
}
.service h2{
    font-size: 25px;
    color: #181818;
    margin-left: 20px;
    margin-bottom: 5px;
}
.service p{
    margin-left: 20px;
    margin-bottom: 5px;
}
.service a{
    margin-left: 20px;
    color: blue;
}

/* api */
.api{
    background: #f8f9fb url(../imgs/more-api-bg.svg);;
}
.apibox {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    height: 450px;
}

.apibox li{
    position: relative;
    width: 200px;
    height: 140px;
    border: 1px solid  #a7cbf9;
    box-shadow: 3px 5px 5px 5px #a7cbf9;
}
.apibox img{
    position: absolute;
    left: 80px;
    top: 45px;
}
.apibox .pro{
    position: absolute;
    left: 72px;
    top: 85px;
}
.apibox .text{
    margin-top: 30px;
    margin-bottom: 50px;
}
.apibox a{
    color: blue;
} 
.apicont{
    display: flex;
    justify-content: space-around;
}

.apimaster .apimg{
    margin-left: 50px;
}

.apimaster .right{
    width: 400px;
    height: 500px;
    
}
.right li{
    width: 100%; 
    height: 50px;
   margin-top: 30px;
   background-color: #fdfdfd;
   
    position: relative;
}
.right a{
    margin-left: 10px;
    font-size: 16px;
}
.right p{
    margin-top: 5px;
}
.right .span{
    display: inline-block !important;
    width: 4px;
    height: 23px;
    background:slateblue;
    position: absolute;
    left: -18px;
    top: 9px;

}
.helpcon{
  display: flex;
  justify-content: space-between;
    
}
.helpcon .helpdex{
    padding: 15px;
    width: 550px;
    height: 300px;
   
}
.helpdex {
    position: relative;
}
.helpdex .text1{
    margin-top: 30px;
    line-height:25px ;
    text-align: justify;
}
.helpdex .tab{
position: absolute;
right: 20px;
bottom: 60px;
}
.helpdex .span1{
    display: inline-block;
    width: 23px;
    height: 6px;
    background:slateblue;
    position: absolute;
    right: 110px;
    bottom: 64px;
}
.helpdex .span2{
    display: inline-block;
    width: 23px;
    height: 6px;
    background:slateblue;
    position: absolute;
    right: 125px;
    bottom: 64px;
}
.helpdex .span3{
    display: inline-block;
    width: 23px;
    height: 6px;
    background:slateblue;
    position: absolute;
    right: 100px;
    bottom: 64px;
}
.help{
    background: #f8f9fd;
}

.fluid{
    display: flex;
    justify-content: space-around;
}
.logo-1{
    display: flex;
    justify-content: space-around;
}

 .help2{
height: 330px;
position: relative;
 }
 .helpcon{
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: all 1s;
} 
.help2 .active{
    opacity: 1;
    z-index: 10;
}

.logo-1 .about{margin-top: 14px;margin-left: 100px;}
.logo-1 .about-1{margin-left: 110px;margin-top: 10px;}
.logo-1 .out{ margin-left: 40px;}
.logo-1 .out-1{ margin-left: 70px;}
.logo-1 .out-2{margin-left: 96px;}

/* 广告服务 */
.banner-2{background: #1271ef url(../imgs/login-register-bg.svg); text-align: center;}
.banner-2 h1{font-size: 35px;color: #fff;padding-top: 90px;}
.banner-2 a{color: #fff; display: inline-block;border: 1px solid #fff;padding: 15px 40px;margin-top: 20px;}


/* w尾部 */
.foot-2{background-color: #daffff;}
.foot li{width: 100px; height: 200px;padding-left: 40px;margin-top: 50px;}
.foot-1 .size{font-size: 14px;font-weight: bold !important;margin-bottom: 30px;}
.foot-1 p{line-height: 25px;color: #b3b3b3;}
.wechat {margin-left: 200px;margin-top: 100px;position: relative;width: 230px;}
.wechat .weixin{bottom: 145px;left: 40px;position: absolute;}
.wechat .ymsd{position: absolute;bottom: 123px; left: 59px;}
.wechat .fontwb{color: #b3b3b3;position: absolute;top: 130px;left: -130px;}
.bei{ margin-top: 20px;margin-left: 100px;color: #b3b3b3}
.bei .bei-img{margin-right: 7px;}


/* 回到顶部 */

.tbtn{
    position: fixed;
    bottom:20px;
    right: 50px;

}
